<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta charset="utf-8">
<title>酷播V4.05跨平台,微信播放器,酷播免费播放器,html5播放器,h5播放器</title>
<meta name="keywords" content="cuplayer,酷播v4,酷播V4.05跨平台,酷播免费播放器,html5播放器,h5播放器,微信播放器">
<meta name="description" content="酷播跨平台点播范例（支持PC和手机/微信等）,微信播放器">
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<style type="text/css">
@media only screen and (min-width : 320px) and (max-width : 768px){ body { width:100%; margin:0 auto;} div.piclist {padding:10px; height: 300px; overflow:hidden; } } 
@media only screen and (min-width : 992px) and (max-width : 1920px){ body { width:980px; margin:0 auto;} } 
/*PC端宽高设定*/
#CuPlayer div.CuPc{ width:100%; height:450px;margin:0 auto; }
/*移动端宽高设定*/
#CuPlayer div.CuMob{ width:100%; height:300px;margin:0 auto;position: relative; }
#CuPlayer div.CuPad{ width:100%; height:450px;margin:0 auto; }
#CuPlayer .video-js{ width:100%; height:100%;}
/*移动端设定*/
video::-webkit-media-controls-enclosure { display: none !important;}
/*预览结束窗口*/
div.payInfo { width:100%; height:100%; background:#252625; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",MingLiu,Verdana, Arial, Helvetica, sans-serif;}
div.payInfo { -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
div.payInfo p { padding:0; margin:0; }
div.payInfo p.info{ color: #CCC; font-size: 24px; text-indent: 0.5em; display: block; text-align: center; padding-top:110px;}
div.CuMob div.payInfo p.info{ color: #CCC; font-size: 24px; text-indent: 0.5em; display: block; text-align: center; padding-top:50px;}
div.payInfo p.title {display: block;font-size: 16px;padding: 15px 0px 0px;color: #C2C1C1;text-align: center;}
div.payInfo p.pay {color: #f39800;display: block;font-size: 18px;padding: 5px 0px 0px;text-align: center; }
div.payInfo p.paybtn { text-align:center; padding-top:20px;}
div.payInfo p.paybtn a,div.payInfo p.paybtn a:link,div.payInfo p.paybtn a:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; }
div.payInfo p.paybtn a.btn1,div.payInfo p.paybtn a.btn1:link,div.payInfo p.paybtn a.btn1:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; }
div.payInfo p.paybtn a.btn2,div.payInfo p.paybtn a.btn2:link,div.payInfo p.paybtn a.btn2:visited { background-color: transparent;border: 1px solid #666;color: #999;height: 48px;margin-left: 20px;width: 170px; text-decoration:none; }
</style>

</head>
<body> 
 
<!-- 酷播V4.05跨平台代码/开始 -->
<div class="video" id="CuPlayer">
<script type="text/javascript">
<!--
var vID        = "c1";                   //vID
var vWidth     = "100%";                  //宽度设定，配合CSS实现
var vHeight    = "100%";                  //高度设定，配合CSS实现
var vFile      = "CuSunV4set.xml";       //配置文件地址:支持五种广告设定
var vPlayer    = "player.swf?v=4.0";     //播放器文件地址
var vPic       = "pic/pic01.jpg";        //视频缩略图
var vCssurl    = "css/videos.min.css";   //CSS文件
var vAutoPlay  = "yes";                  //是否自动播放
var vEndTime   = 15;                      //预览时间(秒数),默认为0
var vLogoPath  = "images/logo.png";      //Logo地址
var vPlayMod   = 0;                      //播放模式优先级,默认=0,html5优先=1,flash优先=2
var vMp4url    = "https://cloud.video.taobao.com/play/u/10654505/p/1/e/6/t/1/50032658929.mp4";//视频文件地址推荐用mp4文件(h264编码)

//视频结束动作
function getNext(pars){
	if( pars == true){
		location.href="demoX12.html";
		}else{
			location.href="demoX12.html";
		}
    }
//移动端视频监听与执行getEnd
function progressUpdate(){
	var h5play = "CuPlayer"+vID+"_html5_api";
    var videox = document.getElementById(h5play);
	if(vEndTime==0){}else{
		if((Math.round(videox.currentTime*100)/100)>=vEndTime){
		getEnd();
		}
	}
}
//视频预览结束返回界面
function getEnd(pars){
	var _html = '';
	_html += '<div class="payInfo">';
	_html += '<p class="info">该视频为收费视频，请购买后观看</p>';
	_html += '<p class="title">您要购买的视频：《小学三年级语文视频教程》</p>';
	_html += '<p class="pay">需支付论坛币：10个</p>';
	_html += '<p class="paybtn">';
	_html += '<a class="btn1" href="http://www.cuplayer.com/cuplayer/" target="_blank">立即购买</a>';
	_html += '<a class="btn2" href="http://wpa.qq.com/msgrd?v=3&uin=261532593&site=qq&menu=yes" target="_blank"><i class="qqLogo"></i>在线咨询</a></p>';
	_html += '</div>';
	document.getElementById(vID).innerHTML = _html;
}
//-->
</script>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/player.min.js"></script>
</div>
<!-- 酷播V4.05跨平台代码/结束 -->

<h3><span>酷播V4.05跨平台范例（视频预览/视频收费模式）</span></h3>
<p class="code">注意：var vEndTime   = 15;                      //预览时间(秒数),默认为0<br>
为0时，即表示不启用预览模式；此例为15，表示第15时视频结束播放，并执行getEnd函数。</p>






<div class="help">
<div class="code" align="center">
<p >手机端扫描以下二维码直接观看</p>

<script type="text/javascript">
<!--
var myURL = document.location.href; 
document.writeln("<p id=\"jiathis_webchat\"><img alt=\"二维码加载中...\" style=\"margin-top: 15px;\" src=\"http://live.polyv.net/qrcode?url=" + myURL + "\" height=\"240\" width=\"240\"><p class=\"open\">手机扫一扫 直接打开观看视频<br/>（支持安卓Android/苹果iOS/微信）</p></p>");
//-->
</script> 
</div>
<p><strong>酷播产品提示：</strong><br />
*  对不熟网页制作的用户，强烈建议使用<strong> <a href="http://www.cuplayer.com/Cu/cloud/index.html" target="_blank">酷播云</a></strong>（永久免费,简单易用；集视频上传、转码、存储、CDN分发、播放、视频统计分析等功能为一体。）<a href="http://www.cuplayer.com/Cu/cloud/index.html" target="_blank" class="cOrange">使用步骤&gt;&gt;</a> | <a href="http://my.cuplayer.com/register" target="_blank" class="cOrange">马上注册&gt;&gt;</a><br />
*<strong> <a href="http://my.cuplayer.com/" target="_blank">酷播云</a></strong>，为用户提供在线视频全终端整体解决方案，轻松实现在网站内视频播放，无任何广告，提供最佳的观看体验；全终端兼容：微信、手机、PC、平板、智能电视终端 <a href="http://www.cuplayer.com/Cu/cloud/index.html" target="_blank" class="cOrange">查看酷播云教程&gt;&gt;</a><strong></strong><br>
        <strong>酷播V4.0播放器使用环境及注意事项：</strong><br />
        *  请用户在IIS,Apache等web网站环境下使用，<a href="http://www.cuplayer.com/cuplayer/help/Help01.html" target="_blank" class="cOrange">详细参见&gt;&gt;</a><br />
        *  请确认您的环境是否支持支持flv,mp4等视频文件的mime类型，<a href="http://www.cuplayer.com/CuPlayer/help/Help71.html" target="_blank" class="cOrange">详细参见&gt;&gt;</a><br />
        *  播放器在使用过程中，支持加载XML(asp,php,jsp,aspx)等格式配置文件；<br />
        * 请确认播放器相关的文件地址是否正确。  </p>
<p><strong>酷播V4.0版最新版下载：</strong> <a href="http://www.cuplayer.com/cuplayer/download.html" target="_blank" class="cOrange">http://www.cuplayer.com/cuplayer/download.html</a><br />
        <strong>遇到问题如何获得帮助</strong> ( 酷播官方交流2群： <strong class="cRed2">535553578 </strong>)<br />
        * 官方客服：QQ / <strong><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=261532593&site=qq&menu=yes"  class="cRed2">261532593</a></strong> |  <strong class="cRed2"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3191864810&site=qq&menu=yes"  class="cRed2">3191864810</a></strong> (验证请注明&ldquo;酷播&rdquo;字样) <br />
</p>
  
</div>
<div style="display:none;">
<script type="text/javascript" src="http://www.cuplayer.com/CuPlayer/js/stat.js"></script>
</div>
</body>
</html>
